<template>
  <div class='inner-content'>
      <Balance title='钱包余额' 
          @modify='onModify'
          @withdraw='onWithdraw'
          :showManageBtn='true'
          :menuItem='balanceMenu'
          ref='balance'></Balance>
      <!-- <div class='bg-content' style='margin-bottom: 30px;'>
          <div class='title'>
                认证状态
          </div>
          <div style='font-size:48px;color:#13CE66;'>
              已认证
          </div>
      </div> -->

      <div class='record-content bg-content'
        style='width:1015px;'>
          <div class='title'>
              交易记录
          </div>
          <el-table
              :data='records'>
              <el-table-column
                prop='moneyWaStLogId'
                label='订单号'
                width='200'>
              </el-table-column>

              <el-table-column
                prop='time'
                label='日期'
                width='150'>
                <template scope='scope'>
                    {{$$formatTime1(scope.row.createTime)}}
                </template>
              </el-table-column>

              <el-table-column
                prop='bond'
                label='保证金'
              width='97'>
            </el-table-column>

            <el-table-column
                prop='deposit'
                label='押金'
              width='97'>
            </el-table-column>

            <el-table-column
                prop='depositChange'
                label='押金变动'
              width='97'>
            </el-table-column>

              <el-table-column
                prop='freezeBalance'
                label='冻结资金'
              width='97'>
            </el-table-column>

            <el-table-column
                prop='balanceChange'
                label='余额变动'
              width='97'>
            </el-table-column>

            <el-table-column
                prop='balance'
                label='余额'
              width='97'>
            </el-table-column>

          </el-table>
          <el-pagination
              @current-change='handleCurrentChange'
              :current-page.sync='currentPage'
              layout='prev, pager, next, jumper'
              :total='total'
              class='pagination'
              v-show='total'>
          </el-pagination>
      </div>

      <el-dialog :visible.sync='withdrawVisible'
          class='dialog-withdraw'
          title='提现到支付宝'
          style='text-align:center;'
          :modal='false'
          :before-close='closeWithdraw'>
          <withdraw ref='withdraw'></withdraw>
      </el-dialog>

      <el-dialog :visible.sync='tipsVisible'  
          title='提示'
          :modal='false'>
          <span>请在设置支付密码后进行提现操作</span>
          <span  slot='footer'>
              <el-button @click='tipsVisible=false'>暂不设置</el-button>
              <el-button type='primary' @click='$router.push("/account/modifyPwd/pay")'>立即设置</el-button>
          </span>
      </el-dialog>

      <el-dialog title='认证信息'
          v-model='infoVisible'
          :modal='false'>
          <el-table
            :data='valiInfo'
            class='valiTable'>
            <el-table-column
              prop='water_store_order_id'
              label='日期'
              width='120'>
            </el-table-column>
            <el-table-column
              prop='time'
              label='水店名称'
              width='220'>
              <template scope='scope'>
                  {{$$formatTime1(scope.row.time)}}
              </template>
            </el-table-column>
            <el-table-column
              prop='deposit'
              label='认证状态'
              width='100'>
            </el-table-column>
          </el-table>
      </el-dialog>
  </div>
</template>

<script>
    import AccountJs from './Account.js';
    module.exports = AccountJs;
</script>

<style scoped lang='less'>
    @import url('Account.less');
</style>